<template>
  <div id="root">
    <h2>学校名称：{{name}}</h2>
    <h2>学校地址：{{address}}</h2>
    <button @click="showName">点我提示学校名</button>
  </div>
</template>


<script>
  export default {
    name:"School",
    data(){
      return{
        name:"幸福中学",
        address:"重庆市"
      }
    },
    methods:{
      showName(){
        alert(this.name)
      }
    }
  }
</script>


<style>
#root{
  background-color: pink;
}
</style>
